// pages/order/order.js
const app = getApp();
let tempCommodity = []; // 所需商品总和

Page({

  /**
   * 页面的初始数据
   */
  data: {
    navmess:{
      navtitle: "选美项目",
      backhide: 1,
      topheight: 1
    },
    statusBarHeight: app.globalData.statusBarHeight,
    curIdx: 1,
    ProjectListHeight: 128, // 列表的高度
    leftFixedList:['全部','全身护理','面部护理','半永久','手部护理','美甲项目'],
    leftFixedListIdx: 1, // 左边固定栏选中的下标
    activeProjectList: [ // 选择项目列表
      {
        id: 1, // 主键ID
        title: '美甲+手部护理全服务',
        icon: '../../mines/mine/images/portrait2.png',
        membersPrice: 1999.00,
        originalPrice: 2999.00,
        number: 0,// 每个商品默认被购买数量
      },
      {
        id: 2, // 主键ID
        title: '美甲+手部护理全服务',
        icon: '../../mines/mine/images/portrait2.png',
        membersPrice: 1999.00,
        originalPrice: 2999.00,
        number: 0,// 每个商品默认被购买数量
      },
      {
        id: 3, // 主键ID
        title: '美甲+手部护理全服务',
        icon: '../../mines/mine/images/portrait2.png',
        membersPrice: 1999.00,
        originalPrice: 2999.00,
        number: 0,// 每个商品默认被购买数量
      },
      {
        id: 4, // 主键ID
        title: '美甲+手部护理全服务',
        icon: '../../mines/mine/images/portrait2.png',
        membersPrice: 1999.00,
        originalPrice: 2999.00,
        number: 0,// 每个商品默认被购买数量
      },
      {
        id: 5, // 主键ID
        title: '美甲+手部护理全服务',
        icon: '../../mines/mine/images/portrait2.png',
        membersPrice: 1999.00,
        originalPrice: 2999.00,
        number: 0,// 每个项目默认被购买数量
      }
    ],
    activeCommoditySum: 0, // 已选择项目总数
    activeCommodityPricesSum: 0,// 已选择项目价格总价
    activeBeautician: [{name: '',icon: ''}], // 已选择的美容师
    bottomGuide_bgheight_stauts: false, // false: height=>0%, true: height:=>100%
  },
  // 获取屏幕高都
  getPhoneHeight: function(){
    var query = wx.createSelectorQuery(), self = this;
    query.select('.comonbox ').boundingClientRect()
    query.selectViewport().scrollOffset()
    query.exec(function(res){
          let scrollHeight = res[1].scrollHeight, // 屏幕的高度
              top_babar_height = res[0].height; // 顶部元素的高度
          let sumheight = (scrollHeight - top_babar_height - 125);
          self.setData({ProjectListHeight: sumheight}); //赋值高度
    })
  },
  getActiveTabeList: function(e){
    this.setData({top_tabeListIdx: e.currentTarget.dataset.index});
  },
  getleftFixedList: function(e){
    this.setData({leftFixedListIdx: e.currentTarget.dataset.index})
  },
  // 设置选择项目的数量
  settingNumber: function(e){
    let listSettingNumber = e.target.dataset.btn, // 获取加还是减
        getListIndex = e.target.dataset.index, // 获取点击哪个的列表下标
        activeProjectList = this.data.activeProjectList, // 选择列表
        ArrObject = `activeProjectList[${getListIndex}].number`; // 修改数组对象
    if(listSettingNumber == 0){
      this.setData({[ArrObject]: activeProjectList[getListIndex].number-1});
    }else{
      this.setData({[ArrObject]: activeProjectList[getListIndex].number+1});
    }
      this.TotalMerchandise(activeProjectList[getListIndex], getListIndex);
  },
  // 处理购买商品总和
  TotalMerchandise: function(list){
    let sign = false; // 是否已经存在
   for(var key in tempCommodity){
    if(tempCommodity[key].id == list.id){ // 存在
      sign = true;
      tempCommodity[key].number = list.number; // 覆盖
    }
   }
   if(sign!=true){tempCommodity.push(list)};
   this.TotalCommodityPrices(tempCommodity);
   for(var key in tempCommodity){
     if(tempCommodity[key].number < 1){
      tempCommodity.splice(key,1);
     }
   }
  },
  // 已选择商品总数和价格
  TotalCommodityPrices: function(list){
    var List = JSON.parse(JSON.stringify(list)), number = 0, Price = 0;
        for(var key in List){
          number += List[key].number; // 商品数量
          Price  = List[key].membersPrice * number; // 会员价格
        }
        this.setData({activeCommoditySum: number, activeCommodityPricesSum: Price});
    // console.log(number);
    // console.log(Price);
    // console.log(this.data.activeCommoditySum);
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getPhoneHeight();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  /**
   * 以下是选择美容师处理模块
  */
  // 获取选中的搜索类别 e.target.dataset.class
  getActiveClassName: function(e){
    this.setData({pullSelect_List_active: e.target.dataset.class})
    this.set_pullList();
  },
  // 设置隐藏显示下拉列表
  set_pullList: function(){
    this.setData({isShowPullList: !this.data.isShowPullList})
  },
  getBg_stauts: function(e){
    this.setData({bottomGuide_bgheight_stauts: e.detail})
  }
})